// bg 各个元素的背景色
$submenu_bg_color:#37b5e5;
$submenu_bg_color_hover:#6bcbf1;
$submenu_bg_color_selected:#52cfed;
$submenu_bg_color_logo:#5bdaec;

// color 各个元素的字体颜色
$submenu_color:white;
$submenu_color_logo:white;

.skyblue {
    .accordion {
        background-color: $submenu_bg_color_logo;
        max-width: 100%;
        width: 100%;
        margin: 0;

        .link {
            color: $submenu_color;
            padding: 15px 28px;
            border-bottom: none;
        }

        li.open {
            .link {
                color: $submenu_color;
            }
        }

        li i {
            color: $submenu_color;
        }
    }

    .main-content {
        background-color: white;
    }

    .main-header {
        background-color: #fff;
        border-bottom: 1px solid rgb(219, 219, 219);
        box-shadow: 0 1px 2px 0px rgb(192, 192, 192);
    }

    .partition {
        display: none;
    }

    .main-side-scroll {
        background-image: linear-gradient(to bottom, #5edeeb, #51cdef, #37b5e5);
    }

    .main-logo_l {
        height: 100%;
        box-shadow: 0 8px 10px 0px #5bdaec;
        background-color: $submenu_bg_color_logo;
        color: $submenu_color_logo;
    }

    .user_info {
        background-color: $submenu_bg_color_logo;
    }

    .submenu {
        transition: height .5s;

        a {
            display: block;
            text-decoration: none;
            color: $submenu_color;
            background: $submenu_bg_color;
            padding: 12px;
            padding-left: 81px;
            transition: all 0.25s ease;

            &:hover {
                background: $submenu_bg_color_hover;
                color: #fff;
            }
        }

        a.selected {
            background: $submenu_bg_color_selected;
            color: #fff;
        }

        li {
            border-bottom: none;
        }
    }

    .main-right:hover .main-dropdown-menu {
        height: 180px;
    }

}